<!DOCTYPE html>
<html>
<head>
    <title>IndSvr Download</title>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="../foxui/css/foxui.min.css"/>
    <script src="../js/adaptive_environment.js"></script>
    <script src="../js/superagent.js"></script>
</head>
<body style="min-height: 553px;height: 100%;width: 100%;min-width: 700px;background: #ffffff" class="foxui-radius-lg">

<div class="foxui-tabs foxui-type-line ">
    <div class="foxui-tabs-header">
        <img src="../img/icon.png" style="height: 36px;margin-right: 10px;padding: 4px">
        <div class="foxui-tabs-item is-active">下载中</div>
        <div class="foxui-tabs-item">已完成</div>
        <div class="foxui-tabs-item">设置</div>

        <button class="foxui-solid-primary foxui-size-mini" id="add_download" style="position: absolute;right: 2%;"> + 新建下载</button>
    </div>
    <div class="foxui-tabs-content" style="padding: 0">

<!--        下载中-->
        <div class="foxui-tabs-pane" style="padding: 6px">

            <div class="foxui-table foxui-table-border-bottom  foxui-table-stripe">
                <ul class="foxui-table-thead">
                    <li class="foxui-table-tr">
                        <div class="foxui-table-th" style="">名称</div>
                        <div class="foxui-table-th" style="width: 200px;flex: none;">操作</div>
                    </li>
                </ul>
                <ul class="foxui-table-tbody"  id="statusTask" style="height:450px;overflow-y:scroll;">
                    没有更多的数据
                </ul>
            </div>
        </div>

<!--        已完成-->
        <div class="foxui-tabs-pane" style="padding: 6px">

            <div class="foxui-table foxui-table-border-bottom  foxui-table-stripe">
                <ul class="foxui-table-thead">
                    <li class="foxui-table-tr">
                        <div class="foxui-table-th" style="">名称</div>
                        <div class="foxui-table-th" style="width: 150px;flex: none;">操作</div>
                    </li>
                </ul>
                <ul class="foxui-table-tbody" id="historyTask" style="height:450px;overflow-y:scroll;">
                    没有更多的数据
                </ul>
            </div>
        </div>

<!--        设置-->
        <div class="foxui-tabs-pane" style="padding: 24px">
            <h1>IndSvr Download 设置</h1>
            <h6>服务器地址：</h6>
            <input placeholder="http://xxx.xxx:xxx" id="setting_server"/>
            <h6>Token：</h6>
            <input placeholder="后端配置文件参数：indsvr.token" id="setting_token"/>
            <button class="foxui-solid-primary" style="margin-top: 10%;width: 100%" id="setting_save">保存</button>
        </div>
    </div>

</div>

<span style="z-index:100;pointer-events: none;position: absolute;bottom: 0;margin-right: 20px;font-style: inherit;font-size: 140px;font-weight: bold;color: #0063ff11">IndSvr Download</span>

<a style="z-index:99;position: absolute;right:0;bottom: 0;margin-right: 20px;font-style: inherit;font-size: 16px;display: none;" id="download_browser_plugin" href="../../plugin">下载浏览器插件</a>

</body>
<script src="../foxui/js/jquery-3.6.0.min.js"></script>
<script src="../foxui/js/foxui-1.49.min.js"></script>
<script src="../js/popup.js"></script>

</html>
